@charset "utf-8";
/* CSS Document */
.banner{position:relative;}
.banner .container{ position:static;}
.banner .img { position: relative; padding-bottom:530px; height: 0; }
.banner .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; /*display: block; background-size: cover;*/ }
.banner a .img img:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; }
.banner .swiper-pagination-bullets {bottom: 43px;}
.banner .swiper-pagination-bullet {width:80px;height:1px;opacity: 0.6; position: relative;  background: #fff;  -webkit-transition: all .5s;  -o-transition: all .5s;  -moz-transition: all .5s;  transition: all .5s;  border-radius: 10px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {position: relative;opacity: 1; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ position: absolute;background: #ff9933; padding: 2px 0px 2px; height: 2px; width: 80px; left: 0px; top:-2px; content: ""; }

.banner .swiper-slide-active .img { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.banner_hidden,.banner_hidden_m  { display: none;}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
@media (max-width: 1780px) {
.swiper-container-banner{height:490px;}
.banner .img {padding-bottom: 490px; }
 }
@media (max-width: 1700px) {
.swiper-container-banner{height:470px;}
.banner .img {padding-bottom: 470px; }
}
@media (max-width: 1600px) {
.swiper-container-banner{height:442px;}
.banner .img {padding-bottom: 442px; }
}
@media (max-width: 1480px) {
.swiper-container-banner{height:410px;}
.banner .img {padding-bottom: 410px; }
}
@media (max-width: 1440px) {
.swiper-container-banner{height:400px;}
.banner .img {padding-bottom: 400px; }
}
@media (max-width: 1366px) {
.swiper-container-banner{height:612px;}
.banner .img {padding-bottom: 612px; }
}
@media (max-width: 1200px) {
.swiper-container-banner{height: 378px;}
.banner .img {padding-bottom: 378px; }
.banner .swiper-pagination-bullet {width:60px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 60px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width: 60px;}
}
@media (max-width: 1024px) {
.banner_hidden_m { display: block;}
.banner_hidden_pc { display: none;}
.swiper-container-banner{height:530px;}
.banner .img {padding-bottom: 530px; }
.banner .anniu .pageOn{ width:15%; }
}
@media (max-width: 992px) {
.swiper-container-banner{height:475px;}
.banner .img {padding-bottom: 475px; }
}
@media (max-width: 768px) {
.banner_hidden { display: block;}
.banner_hidden_m { display: none;}
.swiper-container-banner{height:400px;}
.banner .img {padding-bottom: 400px; }
.banner .swiper-pagination-bullets {bottom: 23px;}
.banner .swiper-pagination-bullet {width:40px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 40px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width: 40px;}
.banner .swiper-button-next, .banner .swiper-button-prev {width: 18px;height: 29px;-moz-background-size: 18px 29px;-webkit-background-size: 18px 29px;background-size: 18px 29px;}
}
@media (max-width: 640px) {
.swiper-container-banner{height:350px;}
.banner .img {padding-bottom: 350px; }
}
@media (max-width: 540px) {
.swiper-container-banner{height:295px;}
.banner .img {padding-bottom: 295px; }
}
@media (max-width: 480px) {
.swiper-container-banner{height:265px;}
.banner .img {padding-bottom: 265px; }
}
@media (max-width: 425px) {
.swiper-container-banner{height:235px;}
.banner .img {padding-bottom: 235px; }
}
@media (max-width: 385px) {
.swiper-container-banner{height:215px;}
.banner .img {padding-bottom: 215px; }
}


/*.bannerSJ{display:none;}*/
@media (max-width: 640px) {
/*.banner {display: none;}*/
.bannerSJ{display:block;position:relative;width:100%;overflow:hidden; }
.bannerSJ .pageOn{position:absolute;font-size: 0px;width:100%;text-align:center;left:0px;margin:0px;bottom:10px;}
.bannerSJ .pageOn span{margin:0px 5px;width:8px;height:8px; border-radius:8px; background-color:#fff;opacity:1;transition:all 0.3s;}
.bannerSJ .pageOn .swiper-pagination-bullet-active{background-color:#ff9933;width:15px;border-radius:10px;}
.bannerSJ .bannerTxt{position:absolute;left:0px;width:100%;top:50%;transform:translateY(-80%);z-index:5;color:#fff;text-align:center;}
.bannerSJ .bannerTxt .g-in{padding:0px 40px;}
.bannerSJ .bannerTxt .intit{font-size:20px;font-weight:bold;}
.bannerSJ .bannerTxt .inbod{font-size:14px;margin-top:20px;line-height:24px;}
.bannerSJ img {max-width: 100%;vertical-align: middle;}
}



#full-screen-slider{width:100%;height:530px;position:relative;z-index:0;overflow:hidden}
#slides{display:block;width:100%;height:530px;list-style:none;padding:0;position:relative}
#slides li{display:block;width:100%;height:530px;list-style:none;padding:0;margin:0;position:absolute;left:0}
#slides li a{display:block;width:100%;height:530px;text-indent:-9999px}
#pagination{display:block;list-style:none;position:absolute;left:28%;bottom:30px;height:10px;z-index:999;padding:5px 15px 5px 0;margin:0}
#pagination li{display:block;list-style:none;width:18px;height:18px;float:left;margin-left:15px;background:url(../images/hd_off.png) no-repeat}
#pagination li a{display:block;width:100%;height:18px;padding:0;margin:0;text-indent:-999em}
#pagination li.current{background:url(../images/hd_on.png) no-repeat}
#slides img{ overflow:hidden;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
#slides img:hover{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
@media screen and (max-width: 1440px) and (min-width:1366px) {
#full-screen-slider{height:390px;}
#slides{height:390px;}
#slides li{height:390px;}
#slides li a{height:390px;}
#pagination{display:block;list-style:none;position:absolute;left:20%;bottom:30px;height:10px;z-index:999;padding:5px 15px 5px 0;margin:0}
}
@media screen and (max-width: 1365px) and (min-width:1153px) {
#full-screen-slider{height:350px;}
#slides{height:350px;}
#slides li{height:350px;}
#slides li a{height:350px;}
#pagination{display:block;list-style:none;position:absolute;left:16%;bottom:30px;height:10px;z-index:999;padding:5px 15px 5px 0;margin:0}
}

@media screen and (max-width: 1152px) and (min-width:1024px) {
#full-screen-slider{height:310px;}
#slides{height:310px;}
#slides li{height:310px;}
#slides li a{height:310px;}
#pagination{display:block;list-style:none;position:absolute;left:14%;bottom:30px;height:10px;z-index:999;padding:5px 15px 5px 0;margin:0}
}
/*通用标题*/
.index_tit { width: 100%; overflow: hidden; /* background:url(../images/index_02bg.jpg) no-repeat center top;*/ margin: 0px auto 20px; }
.index_tit h2 { font-size: 42px; color: #000; padding-top: 5px; text-align: center; margin-top: 20px; margin-bottom:25px; }
.index_tit p { color: #666; font-size: 16px; text-align: center; }
@media screen and (max-width: 1700px) {
.index_tit h2 { font-size: 32px;}
}
@media screen and (max-width: 1280px) {
.index_tit h2 { font-size: 26px;}
}
/*首页产品*/
.index_product { overflow: hidden; margin: 40px auto 0; }
.index_prolist { margin: 50px auto 0; width:102%;}
.index_prolist li { width:31.33333333%; float: left; margin-right:2%; overflow:hidden;}
.index_prolist li img{ width:100%; overflow:hidden;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.index_prolist li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.index_prolist li h4 { font-size: 16px; color: #000; text-align: center; font-weight: 500; padding: 10px 0; }
.index_prolist li h4 a:hover{ color:#0056a9;}
.pro_tab { margin-top: 30px; margin-bottom:30px; height:45px;}
.pro_tab ul { width: 100%; margin: 0 auto 30px; }
.pro_tab li { padding: 15px 0; cursor: pointer; font-size: 18px; text-align: center; float: left; width: 19.4%;*width: 19.3%; background: #f4f4f4; color: #000; margin: 0 0.3% 0; display: block; }
.pro_tab li img { display: block; margin: 0 auto; text-align: center; }
.pro_tab .current { background: #0056a9; color: #fff; }
.pro_tab li:hover{ background: #0056a9; color: #fff; }
.pro_tab li:hover a{color: #fff; }
.index_pro_m { display: none;}
@media screen and (max-width: 1440px) and (min-width:1024px) {
.index_product { width: 96%; }
}
@media (max-width: 1024px) {
.index_product { display: none;}
.index_pro_m{ display: block;padding:30px 0px; background:#fff; clear:both}
.index_pro_m h2{color:#333; line-height:25px; font-size:1.3em; text-align:center; clear:both}
.index_pro_m h3{font-weight:normal; margin-bottom:20px; color:#ffae00; padding-bottom:10px; font-size:1.3em; background:url(../images/tit_bg.png) no-repeat bottom center; text-align:center; clear:both}
.index_pro_m ul{width:100%;margin-top:10px;clear:both;}
.index_pro_m ul li{width:48%; padding:0px 1%; margin-bottom:5px; float:left}
.index_pro_m ul li img{width:100%; padding:2px; background:#ddd; display:block;}
.index_pro_m ul li p{height:40px; line-height:40px; text-align:center; color:#666; overflow:hidden; clear:both}
.index_pro_m .more{width:150px; background:#ffa21c; line-height:32px; color:#fff; text-align:center; display:block; margin:0 auto; clear:both}

}
/*首页新闻*/
.index_news{ margin-top:50px;padding:50px 0;background: #F9F9F9;}
.index_tit2{margin-top:15px;margin-bottom:25px;color:#444;font-size:32px}
.index_tit2 a{float:right;line-height:40px;color:#666;font-size:14px;font-weight:400;text-transform:uppercase}
.index_tit2 a:hover{color:#0056a9}
.index_news_l{float:left;width:65%}
.index_news_l li img{width:100%;overflow:hidden;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.index_news_l li img:hover { overflow:hidden;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.index_news_l li{margin-bottom:15px}
.index_news_l li>div{float:left}
.index_news_l li .time{width:12%;height:75px;text-align:center}
.index_news_l li .time h4{height:46px;color:#fff;font-size:30px; line-height:46px;background:#ccc}
.index_news_l li .time p{height:29px;line-height:29px;color:#333;font-size:12px;border:1px solid #ccc;border-top:none}
.index_news_l li .txt{width:85%;margin-left:3%;}
.index_news_l li .txt h4{margin-bottom:5px; color:#222;}
.index_news_l .txt a,.index_news_r li>div a{font-size:16px;font-weight:400}
.index_news_l li .txt div{line-height:24px;font-size:14px; }
.index_news_l .li1 .time{position:relative;width:42%;height:225px; overflow:hidden;}
.index_news_l .li1 .time img{width:100%;height:100%;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.index_news_l .li1 .time div{position:absolute;right:0;bottom:0;width:106px;height:82px;text-align:center;background:#0056a9}
.index_news_l .li1 .time div h4{margin-top:10px;color:#fff;font-size:30px;background:0 0; line-height:38px;}
.index_news_l .li1 .time div p{color:#fff;font-size:16px;line-height:14px;border:none}
.index_news_l .li1 .txt{ width:55%;height:225px;margin-left:20px}
.index_news_l .li1 .txt,.index_news_r li>div div{line-height:24px;color:#666;font-size:14px}
.index_news_l .li1 .txt h4{margin-bottom:10px}
.index_news_l .li1 .txt .tit{color:#666;font-size:18px; margin-bottom: 15px;}
.index_news_l .li1 .txt>a{ font-size:14px}
.index_news_l li .txt a:hover{color:#0056a9}
.index_news_r{float:right;width:32%}
.index_news_r li{margin-bottom:12px}
.index_news_r li>div{float:right;width:78%}
.index_news_r li>div div{margin-top:5px}
.index_news_r li .time{width:19%; float:left;height:75px;text-align:center}
.index_news_r li .time h4{height:46px; line-height:46px;color:#fff;font-size:30px;background:#ccc}
.index_news_r li .time p{height:29px;line-height:29px;color:#333;font-size:12px;border:1px solid #ccc;border-top:none}
.index_news_l_title{ display: none;}
.index_news_l .mt15{ margin-top: 15px;}
.index_news_l .mb15{ margin-bottom: 15px;}

@media (max-width: 1280px) {
.index_tit2{ font-size:26px}
.index_tit2 a{ line-height:35px;}
}
@media (max-width: 1024px) {
.index_news{ margin-top:30px;padding:30px 0;}
.index_news_l{float:left;width:100%;}
.index_news_r{float:right;width:100%; padding-top: 30px; padding-bottom: 0px;}
.index_tit2 { display: none;}
.index_news_l_title{ display: block; margin-bottom: 30px;}
.index_news_l_title h2{color:#333; line-height:25px; font-size:1.3em; text-align:center; clear:both}
.index_news_l_title h3{font-weight:normal; color:#ffae00; padding-bottom:10px; font-size:1.3em; background:url(../images/tit_bg.png) no-repeat bottom center; text-align:center; clear:both}
.index_news_r li .time{width:12%;  }
.index_news_r li>div{float:right;width:85%}
}

@media (max-width: 760px) {
.index_news_l .li1 .txt{ width: 53%;}
.index_news_l li .txt div{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-clamp: 4;word-wrap:break-word;word-break:break-all;}
}
@media (max-width: 560px) {
.index_news_l .li1 .time{position:relative;width:100%;height:225px; overflow:hidden;}
.index_news_l .li1 .txt{ width: 100%; margin-left: 0px; margin-top: 20px; height: 130px;}
.index_news_l li .time{width:15%; }
.index_news_r li .time{width:15%; }
.index_news_l li .txt{width:82%;margin-left:3%;}
.index_news_l li .txt div{ -webkit-line-clamp: 2;line-clamp: 2; }
.index_news_r li>div{float:right;width:82%}

}
/*首页关于我们*/
.index_about{ padding-top:50px;background:no-repeat url(../images/bg_ab.jpg);}
.index_about .index_tit h2 { color: #fff;}
.index_about .index_tit p { color: #fff;}
.index_about_title { display: none;}
.index_about_title h2{color:#333; line-height:25px; font-size:1.3em; text-align:center; clear:both}
.index_about_title h3{font-weight:normal; margin-bottom:10px; color:#ffae00; padding-bottom:5px; font-size:1.3em; background:url(../images/tit_bg.png) no-repeat bottom center; text-align:center; clear:both}
.index_about ul{ width:102%;}
.index_about li{float:left;width:23%; margin-right:2%;background:#fff}
.index_about li div{width:90%;height:204px;line-height:24px;padding:0 5%;color:#666;font-size:14px;text-align:center;border:6px solid #fff;background:#fff;border-bottom:none}
.index_about li:hover div{border:6px solid #f2f2f2;border-bottom:none}
.index_about li div p{position:relative;margin:40px 0 20px;padding-bottom:25px;color:#333;font-size:22px;border-bottom:1px solid #ddd}
.index_about li div p i{display:none;position:absolute;left:50%;bottom:-2px;width:100px;height:3px;margin-left:-50px;background:#0056a9}
.index_about li:hover i{display:block}
.index_about li b{display:block;position:relative;width:104.5%; height:244px;overflow:hidden;background:no-repeat url(../images/ab_hov.png);background-position:0 0}
.index_about li b img{width:100%;height:100%; overflow:hidden;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.index_about li a:hover b img{-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.index_about li b i{display:none;position:absolute;top:0;left:50%;width:28px;height:14px;margin-left:-14px;background:no-repeat url(../images/ab_hov.png);z-index:1}
@media (max-width: 1024px) {
.index_about_title { display: block; margin-bottom: 25px;}
.index_tit { display: none;}
.index_about{ padding-top:30px;background: #fff;}
.index_about li div{ height:204px; background:#F9F9F9;border: 0px solid #fff; padding-top: 5%; }
.index_about li div p{ margin:10px 0 10px;padding-bottom:10px; font-size:18px; }
.index_about li b{ height:180px;width:100%; }

}
@media (max-width: 640px) {
.index_about li{ width:48%; margin-bottom: 25px;}
}
/*首页合作*/
.index_cooperation{width:100%; padding: 50px 0px;}
.cooperation_box{margin-top: 30px; }
.cooperationPic{ margin: 0px auto;overflow:hidden;  }
.cooperationPic ul li .img{ border:1px solid #777; }
.cooperationPic ul li .img img{ width: 100%; }
.cooperation_box .cooperationPic { height: 225px;}
.cooperation_box .swiper-pagination span{ width: 10px; height: 10px; border-radius: 100%;}
.index_cooperation_title { display: none;}
.index_cooperation_title h2{color:#333; line-height:25px; font-size:1.3em; text-align:center; clear:both}
.index_cooperation_title h3{font-weight:normal; margin-bottom:10px; color:#ffae00; padding-bottom:5px; font-size:1.3em; background:url(../images/tit_bg.png) no-repeat bottom center; text-align:center; clear:both}
@media (max-width: 1024px) {
.index_cooperation{ padding: 30px 0px;}
.index_cooperation_title { display: block;}

}